<!DOCTYPE html>
<html>
<head>
<title>邀请好友</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui"/>
<style type="text/css">
html,body{background:#fff;width:100%;overflow:hidden}
*{margin:0;padding:0;border:0;color:#666;font:17px/1.49 -apple-system,"Helvetica Neue",helvetica,"Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",arial;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.notouch{-webkit-user-select:none;-webkit-touch-callout:none}
#main{padding:15px;margin-top:20px}
#main .qrcode{margin-bottom:40px}
#main .qrcode p{font-size:14px}
#main .url{word-wrap:break-word;word-break:break-all;text-align:justify}
#main .url p{margin-top:15px}
#main .url button{background:#2377e8;color:#fff;font-size:14px;padding:10px 30px;border-radius:3px}
</style>
</head>
<body>
<div class="notouch"><img src="share_banner.jpg" width="100%"></div>
<div id="main">
  <div class="qrcode" align="center"><img id="qrcode" src="">
    <p>长按二维码，点击保存发送给好友</p>
  </div>
  <div class="url" >
    <span id="url"></span>
    <p align="center">
      <button id="copyurl" class="notouch" type="button">点击复制链接，发送给好友</button>
    </p>
  </div>
</div>
<script type="text/javascript">
var data = JSON.parse(window.lkl.getInfo());
document.getElementById('qrcode').setAttribute("src", data.qrcodeImg);
document.getElementById('url').innerHTML = data.shareUrl;

var obj = document.getElementById('copyurl');
obj.addEventListener('touchstart', function(event) {
     window.lkl.copy(data.shareUrl)

}, false);
</script>
</body>
</html>
